@charset "utf-8";
/* CSS Document */

.b-center{width: 100%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);padding-left: .42rem;}
.b-name{margin-bottom: .37rem;white-space: nowrap;}
.b-cp{color: #222;}
.b-code{color: #222;padding-left: .19rem;}
.b-num{margin-bottom: .05rem;}
.b-dig{color: #009f0f;display: inline-block;vertical-align: middle;}
.b-arrow{display: inline-block;vertical-align: middle;border-top: .5em solid #009f0f;border-left: .3em solid transparent;border-right: .3em solid transparent;margin-left: .2rem;margin-right: .1rem;}
.b-unit{color: #009f0f;display: inline-block;vertical-align: middle;}
.b-date{color: #999;}
.b-list{width: 100%;font-size: 0;}
.b-item{display: inline-block;vertical-align: top;width: 25%;text-align: center;}
.b-in{display: inline-block;vertical-align: top;text-align: left;}
.b-dt{border-bottom: 1px solid #b5bfc7;padding-right: .4rem;padding-bottom: .03rem;}
.b-n{color: #222;display: inline-block;vertical-align: middle;}
.b-u{color: #fff;width: auto;height: 1.77em;padding: 0 .4em;min-width: 1.77em;line-height: 1.77;border-radius: 0.885em;background-color: #d92d2b;text-align: center;display: inline-block;vertical-align: middle;margin-left: .1rem;position: relative;top: 0.3em;}
.b-dd{color: #666;padding-top: .1rem;}
.b-num.red .b-dig{color: #d92d2b;font-size: 40px;}
.b-num.red .b-arrow{border-top-color: #d92d2b;transform: rotate(180deg);font-size: 20px;}
.b-num.red .b-unit{color: #d92d2b;font-size: 20px;}

@media(max-width: 989px){
    .s39{font-size: 20.1px;}
}
.s40{font-size: calc(40 * 1rem / 100);}

@media(max-width: 979px){
    .s40{font-size: 20.4px;}
}

.s41{font-size: calc(41 * 1rem / 100);}



.u-main{width: 100%;padding-top: 1.63rem;padding-bottom: 2rem;margin-top: -0.4rem;background-image: url(../images/93.jpg);background-size: cover;background-position: center center;}
.u-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.u-list{width: 100%;display: flex;justify-content: space-between;margin-bottom: .52rem;}
.u-item{display: inline-block;}
.u-split{display: none;}
.u-dt{color: #222;margin-bottom: .19rem;font-size: 20px;}
.u-dd{position: relative;}
.u-item:nth-child(5n+1) .u-dd{color: #d92d2b;font-size: 48px;}
.u-item:nth-child(5n+2) .u-dd{color: #000000;font-size: 48px;}
.u-item:nth-child(5n+3) .u-dd{color: #000000;font-size: 48px;}
.u-item:nth-child(5n+4) .u-dd{color: #999;}
.u-item:nth-child(5n+5) .u-dd{color: #000000;font-size: 48px;}
#shuju4{color: #000000;}
.u-arrow{display: inline-block;border-bottom: .233em solid #d92d2b;border-left: .133em solid transparent;border-right: .133em solid transparent;margin-left: .1rem;}
.u-unit{color: #222;font-weight: normal;margin-left: 0.08rem;font-size: 24px;}
.u-item:nth-child(5n+1) .u-dd.green{color: #009f0f;font-size: 48px;}
.u-dd.green .u-arrow{border-bottom-color: #009f0f;transform: rotate(180deg);}
.u-intro{color: #666;line-height: 1.625;margin-bottom: .74rem;}
.u-arr{width: 100%;display: flex;justify-content: space-between;}
.u-el{width: 7.04rem;padding: .4rem .78rem .35rem;position: relative;background-size: cover;background-position: center center;}
.u-zh{color: #fff;padding-top: .33rem;position: relative;margin-bottom: .14rem;line-height: 1.35;}
.u-zh:before{content: "";display: inline-block;width: .4rem;height: .04rem;background-color: #d92d2b;position: absolute;left: 0;top: 0;}
.u-en{color: #fff;line-height: 1.22;margin-bottom: .27rem;}
.u-ct{color: #fff;line-height: 1.625;}
.u-ct *{line-height: inherit;}
.u-more{color: #fff;display: inline-block;position: absolute;left: 0.78rem;bottom: .714em;}
.u-more:after{content: "";display: inline-block;vertical-align: middle;width: 2em;height: 2em;border-radius: 1px;position: relative;top: -1px;background-color: #d92d2b;margin-left: .12rem;background-image: url(../images/5.png);background-size: .643em .643em;background-repeat: no-repeat;background-position: center center;}
@media(min-width: 1201px){
    .u-more:hover{color: #d92d2b;}
}
@media(max-width: 750px){
    .u-main{padding: 30px 10px;margin-top: 0;}
    .u-inner{max-width: 500px;}
    .u-list{flex-wrap: wrap;justify-content: left;margin-bottom: 0;}
    .u-item{width: 50%;margin-bottom: 25px;}
    .u-item:nth-child(1){width: 100%;}
    .u-intro{margin-bottom: 25px;}
    .u-arr{flex-wrap: wrap;}
    .u-el{width: 100%;padding: 20px;}
    .u-more{position: relative;bottom: 0;left: 0;padding-top: 10px;}

}
